<template>
    <div class="dv">
    <p>{{ msg }}</p>
    </div>
</template>
<script>
export default{
    data(){
        return{
          msg:"Vue.js",
            };
        },
          beforeCreate(){
                console.log("实例创建前:"+this.msg);
    },
    created(){
        console.log("实例创建后:"+this.msg);
    },
};
// import { onBeforeMount, onMounted } from 'vue';
// onBeforeMount(()=>{
//     console.log("Dom元素渲染之前",document.querySelector(".dv"));
// });
// onMounted(()=>{
//     console.log("Dom元素渲染之后",document.querySelector(".dv"));
// });
</script>
<style>
</style>